<template>
  <div class="enterbig" v-bind:style="{width:`${width}px`,height:`${height}px`}">
      <img :src="src" alt="">
  </div>
</template>

<script>
//必传项：图片地址，宽度高度
export default {
    data(){
        return {
            
        }
    },
    props:{
        src:{
            type:String,
            required:true
        },
        width:{
            type:Number,
            required:true
        },
        height:{
            type:Number,
            required:true
        }
    }
}
</script>

<style scoped lang="scss">
.enterbig{
    border-radius: 7px;
    display: inline-block;
    overflow: hidden;
    // background-color: rgb(0, 0, 0);
    img{
        object-fit: cover;
        width: 100%;
        height: 100%;
        transition:all .5s;
        &:hover{
            // opacity: 0.5;
            transform: scale(1.1);
        }
    }
}
</style>